<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello world</title>
    <!-- 导入react/react-dom/babel -->
    <script src="https://cdn.bootcss.com/react/16.6.0/umd/react.development.js"></script>
    <script src="https://cdn.bootcss.com/react-dom/16.6.0/umd/react-dom.development.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
    <div id="app"></div>
    <div id="app1"></div>
    <!--注意到了么，这里的type为text/babel哦，这样，代码里面才能出现es6语法与jsx语法-->
    <script type='text/babel'>
		let str = "Hello world";
		const a=10;
        const arrStr=['kejin','maomao']
        const nameArr = []
        arrStr.forEach(item=>{
            const temp =<h5>{item}</h5>
            nameArr.push(temp)
        }

        )

        ReactDOM.render(<div>{a+2}
		<br />
		{str}
        <br />
        {nameArr}
		</div>, document.getElementById('app'))

    </script>





</body>
</html>